<head>
  <link rel="stylesheet" href="css/ranklist.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Akilarlxh/Akilarlxh.github.io@bf_3.5.1_6/css/index.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
</head>


<body>
<div id="web_bg">
</div>
<button type="button" name="button" onclick="showRanklist()">showRanklist</button>

  <div id="SAO-ranklist" class="active-SAO-ranklist">
    <div class="ranklist-title">
      Rank List
    </div>
    <div class="ranklist-main">
      <div class="master-item">
        <div class="master-rank">
          <i class="fa fa-plus" onclick="hideRanklist()"></i>
        </div>
        <div class="master-user">
          <a href="https://akilar.top" title="欢迎光临糖果屋">Akilar</a>
        </div>

        <div class="master-data">
          <div class="master-HP">
            <div class="HP-fill" style="width:100%">
              <div class="HP-fill-in">
                <span>100%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="master-level">
          <span>2048</span>
          <span>|</span>
          <span>2048</span>
          <span>Lv.21</span>
        </div>
      </div>

      <div class="partner-item">
        <div class="partner-rank">
        </div>
        <div class="partner-user">
          <a href="https://akilar.top" title="欢迎光临糖果屋">Asuna</a>
        </div>

        <div class="partner-data">
          <div class="partner-HP" >
            <div class="HP-fill" style="width:50%">
              <div class="HP-fill-in">
                <span>100%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="partner-level">
          <span>1024</span>
          <span>|</span>
          <span>2048</span>
          <span>Lv.22</span>
        </div>
      </div>

      <div class="partner-item">
        <div class="partner-rank">
        </div>
        <div class="partner-user">
          <a href="https://akilar.top" title="欢迎光临糖果屋">Krito</a>
        </div>
        <div class="partner-data">
          <div class="partner-HP" >
            <div class="HP-fill" style="width:20%">
              <div class="HP-fill-in">
                <span>100%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="partner-level">
          <span>512</span>
          <span>|</span>
          <span>2048</span>
          <span>Lv.22</span>
        </div>
      </div>

    </div>

  </div>
</body>
<script type="text/javascript" src="js/ranklist.js"></script>
